<template>
  <div id='Mine' v-if="!loginState">
    <MineLogin @login="login"></MineLogin>
  </div>

  <div v-else>
    <MineView :userId="id"></MineView>
  </div>
</template>

<script>
import MineLogin from '@/views/Mine/MineLogin.vue'
import MineView from '@/views/Mine/MineView.vue'

export default {
  data () {
    return {
      // 登录状态
      loginState: false,
      // 用户id
      id:''
    }
  },
  components: {
    MineLogin,
    MineView
  },

  methods: {
    login (data) {
      console.log(data);
      this.loginState = !this.loginState
    }
  },
  created () {
    // 通过token来判断用户是否已经登录
    // 问题：
    //   1. 怎么通过 token 来获取用户数据
    //   2. 怎么判断 token 是否有效
    //   3. 怎么判断 token 什么时候失效
    this.id = localStorage.getItem('id')
    // console.log(token);
    if(this.id) {
      this.loginState = true
    }
  },
}
</script>

<style lang='less'>
</style>
